<template>
	<view class="center_box">
		<u-parse :html="JoinContent"></u-parse>
		<view class="foot">
			<view class="Richbtn">
				购买课程
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props: {
			JoinContent: {
				type: String,
				default: ``,
				required: true
			}
		},
		data(){
			return{
				
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
	page{
		background: #e9e9e9;
	}
	.foot{
		width: 750rpx;
		height: 160rpx;
		background: #ffffff;
		box-shadow: 0rpx 8rpx 28rpx 0rpx rgba(166,179,194,0.30); 
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		padding: 16rpx 20rpx 0;
		// border-width: $uni-bg-color;
		position: fixed;
		bottom: 0;
		.Richbtn{
			width: 710rpx;
			height: 88rpx;
			background: #73F0EA;
			border-radius: 16rpx;
			font-size: 34rpx;
			font-family: PingFang SC, PingFang SC-Bold;
			font-weight: 700;
			color: #ffffff;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
</style>